<template>
  <div class="container">
    <div class="header">
      <user-header></user-header>
    </div>

    <div class="con">
      <div class="w1300 flex">
        <user-side-bar></user-side-bar>
        <div class="main">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import UserHeader from '@/pages/forum/views/user/components/UserHeader.vue'
import UserSideBar from '@/pages/forum/views/user/components/UserSideBar.vue'
</script>

<style scoped lang="scss">
.con {
  padding-top: 20px;
  overflow: hidden;
  background-color: #f7f8fa;

  .w1300 {
    margin-bottom: 50px;
  }
}
</style>
